<!--
 * @Author: your name
 * @Date: 2021-08-04 11:17:56
 * @LastEditTime: 2021-08-07 15:34:34
 * @LastEditors: lmh
 * @Description: 
-->
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>智能量化大数据直播</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">

		<!--css-->
		<link rel="stylesheet" href="css/reset.css" media="all" />
		<link rel="stylesheet" href="common/common.css" media="all" />
		<link rel="stylesheet" href="css/index.css" media="all" />
	</head>

	<body>
		<div class="container" id="log">
			<!--顶部盒子-->
			<div class="top">
				<div class="top_center" id="js_full_screen">外网攻击态势</div>
			</div>
			<!--第一页中间部分的盒子-->
			<div class="main_box">
				<div class="main_left">
					<div class="left_top item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">攻击源IP排名</div>
								<div class="title_order">Top5</div>
							</div>
							<div class="item_button_box">
								<div class="item_button item_button_active" id="btn1">国内</div>
								<div class="item_button" id="btn2">国外</div>
							</div>
						</div>
						<div id="chart_left_top" class="item_bottom"></div>
					</div>
					<div class="left_middle item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">攻击目的资产排名</div>
								<div class="title_order">Top5</div>
							</div>
							<div class="item_button_box"></div>
						</div>
						<div id="chart_left_middle" class="item_bottom"></div>
					</div>
					<div class="left_bottom item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">
									攻击目的端口分布
									<span style="color: aqua;">|</span>
									攻击协议分布
								</div>
							</div>
						</div>
						<div id="chart_left_buttom" class="item_bottom"></div>
					</div>
				</div>

				<div class="main_center">
					<!-- map  地图模块 -->
					<div class="map">
						<div class="map1"></div>
						<div class="map2"></div>
						<div class="map3"></div>
						<!-- 地图 -->
						<div class="chart">地图模块</div>
					</div>
					<div class="center_bottom item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">
									实时攻击列表
								</div>
							</div>
						</div>
						<div class="item_bottom">
							<table class="table_self">
								<tr class="table_head">
								  <th>攻击时间</th>
								  <th>源区域</th>
								  <th>目的区域</th>
								  <th>攻击源</th>
								  <th>攻击目的</th>
								  <th>攻击名称</th>
								  <th>动作</th>
								  <th>等级</th>
								</tr>
								<tr>
								  <td>2021-02-02 16:12:12</td>
								  <td>澳大利亚</td>
								  <td>默认区域</td>
								  <td>203.20.0.1.105</td>
								  <td>192.168.1.102</td>
								  <td>Trojans[Miner].Win32.Wanna.c</td>
								  <td>允许</td>
								  <td>高</td>
								</tr>
								<tr>
									<td>2021-02-02 16:12:12</td>
									<td>澳大利亚</td>
									<td>默认区域</td>
									<td>203.20.0.1.105</td>
									<td>192.168.1.102</td>
									<td>Trojans[Miner].Win32.Wanna.c</td>
									<td>允许</td>
									<td>中</td>
								</tr>
								<tr>
									<td>2021-02-02 16:12:12</td>
									<td>澳大利亚</td>
									<td>默认区域</td>
									<td>203.20.0.1.105</td>
									<td>192.168.1.102</td>
									<td>Trojans[Miner].Win32.Wanna.c</td>
									<td>允许</td>
									<td>高</td>
								</tr>
								<tr>
									  <td>2021-02-02 16:12:12</td>
									  <td>澳大利亚</td>
									  <td>默认区域</td>
									  <td>203.20.0.1.105</td>
									  <td>192.168.1.102</td>
									  <td>Trojans[Reason].Win32.Wanna.c</td>
									  <td>允许</td>
									  <td>中</td>
								  </tr>
								  <tr>
									<td>2021-02-02 16:12:12</td>
									<td>澳大利亚</td>
									<td>默认区域</td>
									<td>203.20.0.1.105</td>
									<td>192.168.1.102</td>
									<td>Trojans[Reason].Win32.Wanna.c</td>
									<td>允许</td>
									<td>高</td>
								  </tr>
								  <tr>
									  <td>2021-02-02 16:12:12</td>
									  <td>澳大利亚</td>
									  <td>默认区域</td>
									  <td>203.20.0.1.105</td>
									  <td>192.168.1.102</td>
									  <td>Trojans[Reason].Win32.Wanna.c</td>
									  <td>允许</td>
									  <td>中</td>
								  </tr>
								  <tr>
									<td>2021-02-02 16:12:12</td>
									<td>澳大利亚</td>
									<td>默认区域</td>
									<td>203.20.0.1.105</td>
									<td>192.168.1.102</td>
									<td>Trojans[Miner].Win32.Wanna.c</td>
									<td>允许</td>
									<td>高</td>
								  </tr>
								  <tr>
									  <td>2021-02-02 16:12:12</td>
									  <td>澳大利亚</td>
									  <td>默认区域</td>
									  <td>203.20.0.1.105</td>
									  <td>192.168.1.102</td>
									  <td>Trojans[Reason].Win32.Wanna.c</td>
									  <td>允许</td>
									  <td>中</td>
								  </tr>
								  <tr>
									<td>2021-02-02 16:12:12</td>
									<td>澳大利亚</td>
									<td>默认区域</td>
									<td>203.20.0.1.105</td>
									<td>192.168.1.102</td>
									<td>Trojans[Reason].Win32.Wanna.c</td>
									<td>允许</td>
									<td>中</td>
								</tr>
							 </table>
						</div>
					</div>
				</div>

				<div class="main_right">
					<div class="right_top item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">漏洞利用攻击类型分布</div>
								<div class="title_order">Top5</div>
							</div>
							<div class="item_button_box"></div>
						</div>
						<div id="chart_right_top" class="item_bottom"></div>
					</div>
					<div class="right_midle item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">攻击类型分布</div>
								<div class="title_order">Top5</div>
							</div>
							<div class="item_button_box"></div>
						</div>
						<div id="chart_right_middle" class="item_bottom"></div>
					</div>
					<div class="right_bottom item">
						<div class="item_top">
							<div class="item_title">
								<div class="title_text">僵木蠕攻击类分布</div>
								<div class="title_order">Top5</div>
							</div>
							<div class="item_button_box"></div>
						</div>
						<div id="chart_right_buttom" class="item_bottom"></div>
					</div>
				</div>
			</div>

		</div>
	</body>

</html>
<script src="./js/echarts.min.js"></script>
<script src="./js/flexible.js"></script>
<script src="./js/jquery.js"></script>
<script src="./js/china.js"></script>
<script src="js/index.js"></script>

<style>
	.main_box {
		background: url('./img/bg.jpg');
	}
</style>
